<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text">
    <input type="button" value="平方" onclick="f()">
    <div>
        结果: <span></span>
    </div>
    <script>
        function f() {
            let i = document.querySelector("input");
            let s = document.querySelector("span");
            // i.value得到的字符串类型,当字符串进行-*/的操作时,会自动转换为数值,再进行计算
            //s.innerText = i.value * i.value;

            /* 输入abc后,会得到NaN,NaN * NaN,NaN和任何数值进行运算,结果都是NaN
            *  isNaN,判断是否是NaN,true表示为NaN */
            if (isNaN(i.value)) {
                s.innerText = "请输入一个数字!";
                return; //终止/结束程序运行
            }
            s.innerText = i.value * i.value;
        }
    </script>
</body>
</html>